<?php  if (!defined("IS_INITPHP")) exit("Access Denied!");  /* INITPHP Version 1.0 ,Create on 2016-08-11 19:55:00, compiled from D:\chendeben\zendwork\kabasi/app/template/mobile/home/product/list.html */ ?>
<!DOCTYPE html>
<html class="ui-mobile">
<?php include('D:\chendeben\zendwork\kabasi/app/data/template_c/mobile/home/head.tpl.php'); ?>
<body>
<link href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="/static/js/jqPaginator.js"></script>
  <style>
.customBootstrap .pagination>li>a{border-radius:2px;background:#fff;color:#333;border-color:#ccc;}
.pagination4 .page a,.pagination4 .page a:hover{width:100px;text-align:center;border:1px solid #ddd;color:#999;background-color:#fff!important}
pre code{background-color:transparent}
    </style>
<div data-role="page" id="news" class="main_box">
 <?php include('D:\chendeben\zendwork\kabasi/app/data/template_c/mobile/home/nav.tpl.php'); ?> 
 <section>
      <div class="main-title">
        <span class="listTitle">产品展示-<?php echo $cat_data['title'];?></span>
        <span class="rightButton fr">
        <span class="titleBar" role="Bar_Left">
          <em class="kinds"> 栏目导航 </em>
          <em class="icon"></em>
        </span>
        </span>
        <div class="clear"></div>
      </div>
  </section>

  <section>
        <ul class="productListCont clear">
        	<?php if ($pro_data) { ?>
			<?php foreach ($pro_data as $k=>$v) { ?>
          		 <li><div class='imgWrap'> <a href="/<?php echo $cat[$v['pid']]['url'];?>/<?php echo $v['id'];?>.html">
          		 	<img src="<?php echo $v['thumb'];?>"></a></div>
          	<div class='infoWrap'><h3 class='productTitle'>
          		<span class='name'><a href="/<?php echo $cat[$v['pid']]['url'];?>/<?php echo $v['id'];?>.html"><?php echo $v['title'];?></a> </span>
          		</h3><p class='code'></p><p class='mark'></p></div></li>
           <?php } ?>
		<?php } else { ?>
			暂无产品
		<?php } ?>
           <div class='clear'></div>
          <div class="clear"></div>
          <div class="demo111">
                <p id="demo4-text"></p>
                <ul id="demo4" class="pagination pagination4"></ul>
            </div>
        </ul>
  </section> 

  <?php include('D:\chendeben\zendwork\kabasi/app/data/template_c/mobile/home/pro_cat.tpl.php'); ?>
   <?php include('D:\chendeben\zendwork\kabasi/app/data/template_c/mobile/home/footer.tpl.php'); ?> 
</div>
<script type="text/javascript">
$("#demo4").jqPaginator({
    totalPages: <?php echo $total;?>,
    visiblePages: 1,
    currentPage: <?php echo $page;?>,
    prev: '<li style="width:30%" class="prev"><a href="javascript:void(0);">上一页<\/a><\/li>',
    next: '<li style="width:30%" class="next"><a href="javascript:void(0);">下一页<\/a><\/li>',
    page: '<li style="width:40%" class="page"><a href="javascript:void(0);"> {{page}} / {{totalPages}} <\/a><\/li>',
    onPageChange: function (n,t) {
    	if(t=='change')
    		window.location.href=n==1?"<?php echo $url;?>/":"<?php echo $url;?>/page"+n+".html";
    	//return false;
        //$("#demo4-text").html("当前第" + n + "页");
    }
});
</script>
</body>
</html>
